<template>
  <!-- 页脚 -->
  <div class="footer">
    <ul class="nav_list clearfloat">
      <li class="nav_item" @click="onNavlink('en_home')">HOME</li>
      <li class="nav_item" @click="onNavlink('en_aboutUs')">ABOUT US</li>
      <li class="nav_item" @click="onNavlink('en_field',{cid:serviceCate[0].id})">FIELD</li>
      <li class="nav_item" @click="onNavlink('en_personnel')">PROFESSIONALS</li>
      <li class="nav_item" @click="onNavlink('en_news')">NEWS</li>
      <!-- <li class="nav_item" @click="onNavlink('en_party_mass')">PRACTICE</li> -->
      <!-- <li class="nav_item" @click="onNavlink('en_recruitment')">RECRUITMENT</li> -->
      <li class="nav_item" @click="onNavlink('en_contactUs')">CONTACT US</li>
    </ul>
    <ul class="nav_list2 clearfloat">
      <li class="nav_item">blogroll :</li>
      <a class="nav_item"
         v-for="(item,index) in linkList"
         :key="index" 
         
         target="_blank"
         :href="item.link" >{{item.title}}</a>
    </ul>
    <!-- <ul class="nav_list3 clearfloat">
     
    </ul>-->
    <p class="record">
        <span>上海市协力律师事务所版权所有</span>
        <a href="https://beian.miit.gov.cn/"  style="color:#fff;"> © 沪ICP备19038920号-1</a>
      <!-- <span>上海协力律师事务所版权所有 © 沪ICP备19038920号-1</span> -->
      <router-link style class="legalNotices" :to="{name:'en_legalNotices'}">Legal notices</router-link>
      <router-link style class="legalNotices" :to="{name:'en_privacyPolicy'}">Privacy terms</router-link>
    </p>
    <div class="record_link">
      <img src="@/assets/images/wangan.png" alt />
      <a
         href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011502015242号"
      >沪公网安备 31011502015242号</a>

      <!-- <a style="margin-left:0.2rem" href="http://www.hante-jz.com/">Technical support : 晗特互联</a> -->
    </div>
    <!-- <a class="record" style="color:#fff" href="http://www.hante-jz.com/">技术支持 : 晗特互联</a> -->
    <!-- <a style="margin-left:0.2rem" href="http://www.hante-jz.com/">技术支持</a> -->
  </div>
</template>
<script>
import { get_link } from '../../../api/home'
export default {
  data() {
    let that = this;
    return {
        linkList: [],
    };
  },
     mounted() {
    this.getLink()
  },
  methods: {
    onNavlink(link, query) {
      try {
        this.$router.push({ name: link, query: query || {} });
      } catch (error) {
        console.log("已经当前页面了");
      }
    },
        async getLink() {
      let res = await get_link()
      console.log(res)
      this.linkList = res.data.data
    },
  }
};
</script>
<style scoped src="./sass/footer.css"></style>